{% load future wenlincms_tags %}
<header class="am-topbar" data-am-sticky>
    <div class="am-container" style="position: relative">

        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <h1 class="am-topbar-brand">
                <a href="/">{{ sitesettings.title }}</a>
            </h1>
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li><a href="/article"><span class="am-icon-puzzle-piece moveicon-0"></span> 系统特性</a></li>
                <li><a href="/article"><span class="am-icon-puzzle-piece moveicon-0"></span> 高级模块</a></li>
                <li class="am-dropdown">
                    <a class="am-dropdown-toggle" href="/article">
                        <span class="am-icon-forumbee"></span> 示例站点</a>
                    <ul class="am-dropdown-content">
                        <li><a href="/article"><span class="am-icon-magic moveicon-6"></span> 示例1</a></li>
                        <li><a href="/article"><span class="am-icon-won moveicon-4"></span> 示例2</a></li>
                    </ul>
                </li>
                <li><a href="/article"><span class="am-icon-puzzle-piece moveicon-0"></span> 精彩案例</a></li>
                <li><a href="/article"><span class="am-icon-puzzle-piece moveicon-0"></span> 文档</a></li>
                <li><a href="/article"><span class="am-icon-puzzle-piece moveicon-0"></span> 下载</a></li>
                <li><a href="/article"><span class="am-icon-puzzle-piece moveicon-0"></span> 官方博客</a></li>
            </ul>

            <div class="am-topbar-right">
                <ul class="zhidao-topbar-right">
                    <li class="am-dropdown">
                        <a href="{% url "login" %}?next={{ request.path }}"
                           class="am-btn am-btn-secondary am-btn-xs">
                            <span class="am-icon-sign-out moveicon-4"></span>登录
                        </a>&nbsp;&nbsp;
                        <a href="{% url "signup" %}?next={{ request.path }}"
                           class="am-btn am-btn-success am-btn-xs">
                            <span class="am-icon-edit moveicon-4"></span>注册
                        </a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</header>
<!--[if !IE]><!-->
<script>
    if (/*@cc_on!@*/false) {
        document.documentElement.className += ' ie' + document.documentMode;
    }
</script>
<!--<![endif]-->
